<%@ page import="com.zx.mobile.domain.MobileUserDomain" %>
<%@ page import="com.zx.mobile.SessionHelper" %>
<!doctype html>
<%@ page contentType="text/html;charset=utf-8" pageEncoding="utf-8"
         language="java" %>
<%@ include file="/jsp/mobile/include/include.jsp" %>
<html lang="cn">
<head>
    <%@ include file="/jsp/mobile/include/header.jsp" %>
    <title>实名认证</title>
</head>
<body class="nobg">
<!-- <div class="head">
    <div class="auto">
        <span class="tit">实名认证</span>
        <a href="###" class="ico retu"></a>
    </div>
</div> -->
<div class="main">
    <div class="sim">
    	<%
                    MobileUserDomain user = (MobileUserDomain) request.getSession().getAttribute(SessionHelper.MOBILEUSER);
                    String legalIndentityImg = user.getMerchantInfoDetailModel().getLegalIndentityImg();
                    String holdIndentityCard = user.getMerchantInfoDetailModel().getHoldIndentityCard();
                    request.setAttribute("legalIndentityImg", new StringBuilder(legalIndentityImg).insert(legalIndentityImg.indexOf("."),"_1").toString());
                    request.setAttribute("holdIndentityCard", new StringBuilder(holdIndentityCard).insert(holdIndentityCard.indexOf("."),"_1").toString());
                %>
        <ul class="clearfix">
            <li>
                <p class="tit">身份证正面</p>

                <p class="img"><img
                        src="${_MOBILEUSER_.IMAGESETTLEPATH}/${_MOBILEUSER_.merchantInfoDetailModel.sysAccount}/${_MOBILEUSER_.merchantInfoDetailModel.legalIndentityImg}">
                </p>
                <input type="hidden" value="${_MOBILEUSER_.IMAGESETTLEPATH}/${_MOBILEUSER_.merchantInfoDetailModel.sysAccount}/${legalIndentityImg}">
            </li>          
            <li>
                <p class="tit">手持身份证半身照</p>

                <p class="img"><img
                        src="${_MOBILEUSER_.IMAGESETTLEPATH}/${_MOBILEUSER_.merchantInfoDetailModel.sysAccount}/${_MOBILEUSER_.merchantInfoDetailModel.holdIndentityCard}">
                </p>
                <input type="hidden" value="${_MOBILEUSER_.IMAGESETTLEPATH}/${_MOBILEUSER_.merchantInfoDetailModel.sysAccount}/${holdIndentityCard}">
            </li>
        </ul>
    </div>
</div>
<div id="imgShow" style="display:none">
    <div class="uiMask"></div>
    <div class="maxImg"><p class="mxg"><img
            src="">
    </p></div>
    <div class="edFo edf1" id="close"><i class="ico ico27"></i></div>
    <div class="edFo edf2" id="min"><i class="ico ico28"></i></div>
    <div class="edFo edf3" id="max"><i class="ico ico29"></i></div>
</div>
<script type="text/javascript">
    //认证图片放大缩小
    $('p img').on('click', function(event) {
        var imgShow = $('#imgShow');
        var img = imgShow.find('img');
        var imgMax = $(this).parent().parent().find("input").val();
        imgShow.show().find('img').attr('src', imgMax);
    });
    $('#imgShow').on('click', function(event) {
        event.stopPropagation();
        $(this).hide();
    });
    $('#close').on('click', function(event) {
        event.stopPropagation();
        $("#imgShow").hide();
    });

    $('#max').on('click', function(event) {
        event.stopPropagation();
        var box = $('#imgShow'),
                img = box.find('img'),
                imgw = img.width();
        img.width(img.width() * 2);
    });
    $('#min').on('click', function(event) {
        event.stopPropagation();
        var box = $('#imgShow'),
                img = box.find('img'),
                imgw = img.width();
            img.width(img.width() / 2);
    });
</script>
</body>
</html>